<!--广告日统计数据-->

<div class="ad-data-statistics data-day">
    <ol class="breadcrumb" style="font-size: 12px;">
        <li>数据中心</li>
        <li >日数据统计</li>
    </ol>

    <div class="pl-20" style="margin-top: -22px;padding-top:10px">
        <h5>广告实时数据</h5>
        <div class="inline-block title-bar">
            <div class="inline-block pointer" ng-class="{'select':mode=='show'}" ng-click="filterClick('show')">
                <span>展示数据(今日/昨日)</span>
                <p>{{dataCenter.todayShowNum}}/{{dataCenter.yestodayShowNum}}</p>
                <i class="fa fa-angle-down" ng-if="mode=='show'"  aria-hidden="true"></i>
            </div>
            <div class="inline-block pointer" ng-click="filterClick('click')"  ng-class="{'select':mode!='show'}" >
                <span>点击数据(今日/昨日)</span>
                <p>{{dataCenter.todayClickNum}}/{{dataCenter.yestodayClickNum}}</p>
                <i class="fa fa-angle-down" ng-if="mode!='show'"   aria-hidden="true"></i>
            </div>
            <div class="inline-block">
                <span>在投放计划数(今日)</span>
                <p>{{dataCenter.campaignNum?dataCenter.campaignNum:0}}</p>
            </div>
            <div class="inline-block">
                <span>在投放应用数(今日)</span>
                <p>{{dataCenter.appNum?dataCenter.appNum:0}}</p>
            </div>
        </div>
        <div  chart="chartOptShow" style="width: 100%;height: 500px" class="chart-show" ng-if="mode=='show'"></div>
        <div  chart="chartOptClick" style="width: 100%;height: 500px" class="chart-show" ng-if="mode!='show'"></div>
    </div>
    <section class="fg-section clear_section_line" style="background: #f3f3f3">
        <input ims-select-range-time="rangeDate" type="text" class="day-input" >
        <a class="btn-sm export_excel" id="download" role="button" ng-click="method1('targetTable')">导出Excel</a>
    </section>

    <table class="table table-bordered table-hover" id="targetTable">
        <thead>
        <tr>
            <th>日期</th>
            <th>广告请求</th>
            <th>广告展示</th>
            <th>独立展示</th>
            <th>广告点击</th>
            <th>独立点击</th>
            <th>CTR</th>
            <th>填充率 </th>

        </tr>
        </thead>
        <tbody>
        <tr  ng-repeat="item in topData.pageList">
            <!-- <td><input type="checkbox" id="{{$index}}" class="chk_1">
                 <label for="{{$index}}"></label></td>-->
            <td>{{item.dayTime}}</td>
            <td>{{item.requestNum|number}}</td>
            <td>{{item.playStart|number}}</td>
            <td>{{item.distinctPlayStart|number}}</td>
            <td>{{item.clickNum|number}}</td>
            <td>{{item.distinctClickNum|number}}</td>
            <td>{{item.cRate|number:1}}%</td>
            <td>{{item.rRate}}%</td>

        </tr>
        </tbody>
    </table>



</div>
